* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#app,
body,
html {
  height: 100%;
  overflow: hidden;
  font-weight: 400;
  color: #2f3659;
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
}

// 全局自定义颜色
:root {
  --primary-hover: #2d8cf0;
}
// 页面布局背景颜色
.layout-default-background {
  background: rgba(240, 240, 244) !important;
}
// 滚动条 滚动定义
.n-layout .n-layout-scroll-container {
  scroll-padding-top: 5rem;
}

// 页面切换动画 zoom-fade
.zoom-fade-enter-active,
.zoom-fade-leave-active {
  transition: transform 0.2s, opacity 0.3s ease-out;
}

.zoom-fade-enter-from {
  opacity: 0;
  transform: scale(0.92);
}

.zoom-fade-leave-to {
  opacity: 0;
  transform: scale(1.06);
}

// 加载动画
.isLoadingBar{
  position: relative;
}
.isLoadingBar::after{
  content:"";
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  z-index: 99998;
  background: #fff;
}
.isLoadingBar::before{
  content:"";
  position: absolute;
  top:calc(50% - 32px);
  left:calc(50% - 32px);
  width: 64px;
  height: 64px;
  z-index: 99999;
  animation: LoadingRotate 1s infinite linear;
  background: url() no-repeat center;
  background-size: 100%;
}

@keyframes LoadingRotate {
  from {
    transform:rotate(0deg) scale(0.5);
  }
  to {
    transform:rotate(360deg) scale(0.5);
  }
}